body{
    background-color: #efefef;
    .shop_cart {
        height: 93%;
    
    
        .top {
            border-bottom: 2px solid red;
            position: fixed;
            top: 0;
            height: 7%;
            width: 100%;
            background-color: white;
            z-index: 999;
    
            p {
                margin-left: 100px;
    
                span {
                    font-size: 30px;
                    margin-left: 100px;
                }
            }
        }
    
        .box {
            height: 92%;
            padding-top: 12%;
            overflow: auto;
            box-sizing: border-box;
            background-color:#efefef;
    
            .one {
                margin: 10px;
                display: flex;
                background-color: rgb(255, 255, 255);
    
                .left {
                    width: 30%;
                    height: 100px;
                    margin: 0 15px;
    
                    img {
                        width: 100%;
                        height: 100%;
                    }
                }
    
                .right {
                    width: 70%;
    
                    h5 {
                        height: 80%;
                    }
    
                    .xia {
                        display: flex;
    
                        .zuo {
                            width: 40%;
                        }
    
                        .you {
                            flex: 1;
                        }
                    }
    
                }
            }
    
            h2 {
                color:#000;
                font-size: 16px;
                margin: 20px;
            }
    
            .shangping {
                column-count: 2;
                column-gap: 5px;
                box-sizing: border-box;
    
                .box {
                    width: 96%;
                    padding: 10px;
                    background-color: white;
                    box-sizing: border-box;
                    border-radius: 15px;
                    margin: 5px;
                    break-inside: avoid;
    
                    img {
                        width: 100%;
                    }
    
                    p {
                        //省略号制作
                        overflow: hidden;
                        text-overflow: ellipsis;
                        display: -webkit-box;
                        -webkit-line-clamp: 2;
                        -webkit-box-orient: vertical;
    
                        margin: 10px 0;
                    }
    
                    span {
                        color: red;
                        font-size: 20px;
                    }
                }
            }
    
            .xuan {
                display: flex;
                height: 8%;
                background-color: white;
                align-items: center;
                padding: 0 20px;
                position: fixed;
                bottom: 6%;
                width: 100%;
    
                p {
                    text-align: right;
                    padding: 0 15px 0 110px;
    
                    span {
                        color: red;
                        font-size: 20px;
                    }
                }
    
                button {
                    padding: 10px 20px;
                    background-color: orangered;
                    border: 1px solid orangered;
                    color: white;
                    border-radius: 20px;
                }
            }
        }
    }
}
